:root {
  // primary
  --color-primary-100: #73a5ff;
  --color-primary-100-rgb: 115, 165, 255;
  --color-primary-300: #4c8dff;
  --color-primary-500: #397df6;
  --color-primary-700: #2f68cc;
  --color-primary-900: #234e99;

  // danger
  --color-danger-100: #ff8099;
  --color-danger-300: #f23d61;
  --color-danger-500: #cc1439;
  --color-danger-700: #990f2b;
  --color-danger-900: #660a1d;

  // warning
  --color-warning-100: #ffd073;
  --color-warning-300: #e5ac39;
  --color-warning-500: #d99000;
  --color-warning-700: #960;
  --color-warning-900: #640;

  // success
  --color-success-100: #80ffbf;
  --color-success-300: #22e584;
  --color-success-500: #14cc70;
  --color-success-700: #0f9954;
  --color-success-900: #0a6638;

  // light
  --color-light-100: #fff;
  --color-light-300: #f7fbff;
  --color-light-500: #edf3fa;
  --color-light-700: #d5dae0;
  --color-light-900: #8d9094;

  // dark
  --color-dark-100: #4c4c4c;
  --color-dark-300: #333;
  --color-dark-500: #171717;
  --color-dark-700: #0d0d0d;
  --color-dark-900: #000;
}
